import React, { useState } from 'react'

function App() {
  // 定义了一个变量 count，并且初始值为 1000
  // 定义了一个修改变量的函数，为 setCount
  // 使用是 useState 的Hook
  // 定义变量以及函数是 必须使用 [] 
  // 可以在jsx代码中直接通过  变量 访问数据
  // 函数 setCount 中的参数其实就是运行之后的结果
  // 函数 setCount 的命名是根据 变量来的，虽然你可以随意定义，但是一般要具有语义化
  // 函数一定义是以 set开头的 小驼峰式的命名方式
  const [ count, setCount ] = useState(1000)
  const [ age, setAge ] = useState(18)
  const [ num, setTest ] = useState(10) // 不推荐的写法
  return (
    <div>
      <button onClick = { () => {
        setCount(count + 100)
        setAge(age + 1)
        setTest(num + 1)
      }}>添加</button>{ count } - { age } - { num }
    </div>
  )
}

export default App
